*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}

/*@font-face{ font-family: 'PINGFANG REGULAR';src: url('../fonts/PINGFANG REGULAR.TTF');font-weight: normal; font-style: normal;}*/

.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 80px auto 40px; text-align: center; font-size: 0;}

/*header*/

.header{ position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: 110px; font-size: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.129);}
.header .header_slogan{ width: 1405px;}
.header .logo{width: 365px;}
.header .nav{ height: 110px;line-height: 110px;}
.header .nav .nav-content nav .xz{ display: inline-block; vertical-align: top; text-align: center;}
.header .nav .nav-content nav .xz+.xz{ margin-left: 65px;}
.header .nav .nav-content nav .xz i{ display: block; position: relative; z-index: 1; color: #fff; font-size: 18px;}
.header .nav .nav-content nav .xz.on i:before,.header .nav .nav-content nav .xz:hover i:before{ opacity: 1; left: 0; width: 100%;}
.header .nav .nav-content nav .xz i:before{ content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; transition: all .3s ease-out; background: #6d4090; opacity: 0;}
.naver{ position: absolute; width: 100%; left: 0; top: 110px;z-index: 66; padding: 0 8.5rem 0; background: rgba(255, 255, 255, 0.95); box-sizing: border-box; display: none;}
.naver li{ margin: 2.5rem auto; float: left; width: 20%; text-align: center;}
.naver>li p{ text-align: center; font-size: 1rem; margin: 1rem 0; line-height: 1rem; color: #333;}
.naver>li .img{ line-height: 0;margin: 0 auto; width: 65%;}
.naver>li .img img{ width: 100%;transition: all .5s ease;}
.naver>li:hover p{ color: #6d4090;font-weight: bold;}
.naver>li:hover .img img{ transform: scale(1.1);}
.header .header_slogan .right{ position: relative; margin-top: 40px;margin-left: 2%;}
.header .header_slogan .right .search-btn{ width: 25px; height: 23px; background: url(../images/searchbtn.png)no-repeat;}
.header .header_slogan .right .phone-btn{ width: 28px; height: 24px; background: url(../images/phone.png)no-repeat;}
.header .header_slogan .right>div{ display: inline-block; vertical-align: top;line-height: 0; cursor: pointer;}
.header .header_slogan .right .hr{ width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.129); margin: 0 20px;}
.header .header_slogan .h_dh{ animation: bounce-up 1.2s linear infinite; animation: bounce-up 1.2s linear infinite; position: absolute; top: 27px; left: -50%; z-index: 9999; width: 325px; height: 125px; background: #fff;}
.header .header_slogan .h_dh .xr{float: left;margin-top: 13px;margin-left: 30px;}
.header .header_slogan .h_dh i{ display: block; color: #333; font-size: 14px; line-height: 14px; padding-top: 30px; margin-bottom: 5px;}
.header .header_slogan .h_dh p{ line-height: 26px; font-weight: bold; color: #6d4090; font-size: 20px;}
.header .search-pop{display: none;position: fixed;z-index: 9999;top: 0;left: 0; padding: 28px 0; width: 100%; height: 110px; background: #fff;}
.header .search-pop .inner{height: 45px;overflow: hidden;}
.header .search-form{position: relative;width: 100%;height: 45px;overflow: hidden;}
.header .search-form input{display: block;padding: 10px;width: 100%;height: 45px;font-size: 14px;border: none;outline: none;border: #f0f0f0 solid 1px;}
.header .search-form button{display: block;position: absolute;right: 0;top: 0;width: 80px;height: 100%;font-size: 14px;color: #fff;border: none;cursor: pointer;background: #222328;}
.header .search-form button:hover{background: #6d4090;}
.header .header_slogan .h_dhs{ float: left; margin-left: 1%;}
.header .header_slogan .h_dhs i{ display: block; color: #fff; font-size: 14px; line-height: 14px; padding-top: 22px; margin-bottom: 5px;}
.header .header_slogan .h_dhs p{ line-height: 26px; font-weight: bold; color: #fff; font-size: 20px;}
@media screen and (max-width: 1410px){ .header .header_slogan{ width: 1300px;}
	.header .logo{ width: 315px;}
	.header .nav .nav-content nav .xz+.xz{ margin-left: 52px;}
	}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}
.slideBox .hd{ position: absolute; left: 14%; bottom: 70px; transform: translateX(0); font-size: 0;}
.slideBox .hd .btn{ transition: all .5s ease-out; display: block; width: 60px; height: 23px; cursor: pointer; display: inline-block; vertical-align: middle;}
.slideBox .hd .prev{ background: url(../images/bannericon1.png)no-repeat left center;}
.slideBox .hd .next{ background: url(../images/bannericon2.png)no-repeat right center;}
.slideBox .hd .prev:hover{ background: url(../images/bannericon1.png)no-repeat 10px center;}
.slideBox .hd .next:hover{ background: url(../images/bannericon2.png)no-repeat 40px center;}
.slideBox .hd ul{ display: inline-block; vertical-align: middle; width: 1px; height: 19px; background-color: rgb(255, 255, 255);}
.slideBox .roll{ position: absolute; left: 50%; bottom: 70px; transform: translateX(-50%); background: url(../images/bannericon.png) no-repeat; width: 40px; height: 60px; animation: light1 2s linear infinite;}
.slideBox .font{ position: absolute; right: 14%; transform: translateX(0); bottom: 70px; background: url(../images/bannerfont.png)no-repeat 0 50px; width: 130px; height: 87px; text-align: right;}

/*search*/

.search .search-content{ font-size: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #434343; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #333; font-size: 16px;margin-right: 15px;}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-keywords a:hover{ color: #6d4090;}
.search-keywords i{ margin: 0 15px; color: #bfbfbf; font-size: 14px;}
.search-form{ float: right;}
#searchForm{ margin-top: 15px; background: url(../images/search.png)no-repeat; width: 228px; height: 35px; display: inline-block; vertical-align: top; text-indent: 10px;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #cccccc;}
#searchForm .search-input{ height: 35px; line-height: 35px; width: 80%;}
.search-form #s_btn{ width: 35px; height: 35px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{ color: #999;}
#searchForm .search-input:-moz-placeholder{ color: #999;}
#searchForm .search-input::-moz-placeholder{ color: #999;}
#searchForm .search-input:-ms-input-placeholder{ color: #999;}

/*model1*/

.model1{ margin-top: 110px;position: relative;padding-bottom: 95px;}
.model1:before{ content: ""; position: absolute; right: 0; bottom: 0; background: url(../images/model1bg.png)no-repeat; width: 548px; height: 352px;}
.model1 .nr .video{ position: relative; background: url(../images/video.png)no-repeat; width: 623px; height: 386px; overflow: hidden;}
.model1 .nr .text{ margin-right: 15px;}
.model1 .nr .text dt{ color: #333; font-size: 24px; font-weight: bold; line-height: 24px; background: url(../images/model1by.png)no-repeat; width: 458px; height: 71px; padding: 50px 0 0 5px;}
.model1 .nr .text p{ margin: 20px 0 35px; color: #fff; font-size: 16px; width: 321px; height: 32px; line-height: 32px; text-align: center; background: #6d4090;}
.model1 .nr .text dd{ color: #666; font-size: 16px; line-height: 36px;}
.model1 .nr .text .more{ margin-top: 30px; display: block; background: url(../images/model1mores.png)no-repeat center #142745; width: 105px; height: 28px;}
.model1 .nr .text .more:hover{ background: url(../images/model1mores.png)no-repeat center #6d4090;}

/*model2*/

.model2{ background: url(../images/model2bgs.png)no-repeat center; width: 100%; height: 222px; overflow: hidden; margin: 0 auto; font-size: 0;}
.model2 .nr li{ display: inline-block; vertical-align: top; padding-top: 50px; width: 30%; position: relative; text-align: center;}
.model2 .nr li:before{ content: ""; position: absolute; right: 0; top: 0; background: url(../images/model2hr.png)no-repeat; width: 4px; height: 222px;}
.model2 .nr li dt{ color: #fff; font-size: 60px; font-family: "PINGFANG REGULAR"; line-height: 60px;}
.model2 .nr li dt i{ margin: 5px 0 0 5px; display: inline-block; vertical-align: top; color: #fff; font-size: 16px; line-height: 16px;}
.model2 .nr li dd{ margin: 30px 0 8px; color: #fff; font-size: 16px; line-height: 16px;}
.model2 .nr li p{ line-height: 0;}
.model2 .nr li:first-child{ text-align: left; width: 245px;}
.model2 .nr li:first-child dt,.model2 .nr li:first-child dd{ padding-left: 33px;}
.model2 .nr li:last-child dt{ padding-right: 10px;}
.model2 .nr li:last-child dd{ padding-right: 33px;}
.model2 .nr li:last-child{text-align: right; width: 235px;}
.model2 .nr li:last-child:before{ display: none;}
@media only screen and (max-width: 1200px){ .model2 .nr li{ width: 24%!important;}
	}
@media only screen and (max-width: 1200px){ .model2 .nr li:first-child{ text-align: center;}
	}
@media only screen and (max-width: 1200px){ .model2 .nr li:first-child dt{ padding-left: 0;}
	}
@media only screen and (max-width: 1200px){ .model2 .nr li:first-child dd{ padding-left: 0;}
	}
@media only screen and (max-width: 1200px){ .model2 .nr li:last-child{ text-align: center;}
	}
@media only screen and (max-width: 1400px){ .model2 .nr li{ width: 25%!important;}
	}
@media only screen and (max-width: 1400px){ .model2 .nr li:first-child{ text-align: center;}
	}
@media only screen and (max-width: 1400px){ .model2 .nr li:first-child dt{ padding-left: 0;}
	}
@media only screen and (max-width: 1400px){ .model2 .nr li:first-child dd{ padding-left: 0;}
	}
@media only screen and (max-width: 1400px){ .model2 .nr li:last-child{ text-align: center;}
	}
@media only screen and (max-width: 1400px){ .model2 .nr li:last-child dd{ padding-right: 0;}
	}

/*product*/

.product .nr{ position: relative; font-size: 0;padding-bottom: 120px;}
.product .nr .bd{ border: 1px solid #e2e2e2; height: 112px; overflow: hidden;margin-bottom: 55px;}
.product .nr .bd ul{ width: 1200px;}
.product .nr .bd ul li{ display: inline-block; vertical-align: top; width: 200px; text-align: center; padding-top: 28px; position: relative;}
.product .nr .bd ul li:before{ content: ""; position: absolute; right: 0; top: 25px; border-left: 1px solid rgba(191, 191, 191, 0.271); height: 67px;}
.product .nr .bd ul li .icon{ height: 49px;}
.product .nr .bd ul li p{ color: #333; font-size: 18px; line-height: 18px;}
.product .nr .bd ul li .icon img{ transition: all .5s ease;}
.product .nr .bd ul li:hover .icon img{ transform: scale(1.1);}
.product .nr .bd ul li:hover p{ color: #6d4090;}
.product .nr .cplist{ height: 515px; overflow: hidden;}
.product .nr .cplist ul li{ display: inline-block; vertical-align: top;width: 379px;height: 515px;margin-left: 31px; position: relative; text-align: center;}
.product .nr .cplist ul li .pic{ position: absolute; left: 0; bottom: 0; width: 379px;height: 354px; overflow: hidden;}
.product .nr .cplist ul li .pic img{width: 100%; transition: all .5s ease;}
.product .nr .cplist ul li .pic:hover img{ transform: scale(1.1);}
.product .nr .cplist ul li .text{ position: absolute; left: 0; bottom: 354px; width: 100%; height: 161px; overflow: hidden;}
.product .nr .cplist ul li .text p{ color: #333; font-size: 18px; font-weight: bold; line-height: 18px;}
.product .nr .cplist ul li .text p:before{ content: ""; display: block; margin: 0 auto 20px; background: url(../images/cpiconjt.png)no-repeat; width: 32px; height: 32px;}
.product .nr .cplist ul li .text i{ margin-top: 15px; display: block; padding: 0 45px; line-height: 26px; color: #666; font-size: 14px;}
.product .nr .cplist ul li.ts .pic{ top: 0;}
.product .nr .cplist ul li.ts .text p:before{ display: none;}
.product .nr .cplist ul li.ts .text i:after{ content: ""; display: block; margin: 20px auto 0; background: url(../images/cpiconjt.png)no-repeat; width: 32px; height: 32px;}
.product .nr .cplist ul li.ts .text{ bottom: 0;padding-top: 24px;}
.product .nr .cplist ul li:hover .text p{ color: #6d4090;}
.product .nr .btn{ width: 50px; height: 112px; cursor: pointer;transition: all .5s ease; position: absolute; top: 0;z-index: 100;}
.product .nr .prev{ background: url(../images/cpbtn1.png)no-repeat center; left: -28px;}
.product .nr .next{ background: url(../images/cpbtn2.png)no-repeat center; right: -28px;}
.product .nr .prev:hover{ left: -40px;}
.product .nr .next:hover{ right: -40px;}

/*model3*/

.model3{ background: url(../images/model3bg.png)no-repeat center; padding-top: 100px;font-size: 0; width: 100%; height: 851px; overflow: hidden;}
.model3 .nr .hd{ width: 540px; position: relative; z-index: 1;}
.model3 .nr .hd em{ display: block; background: url(../images/model3bt.png)no-repeat; width: 352px; height: 55px; margin-bottom: 30px;}
.model3 .nr .hd ul li:first-child{ margin-top: 0;}
.model3 .nr .hd ul li{ cursor: default; margin-top: 37px; overflow: hidden;}
.model3 .nr .hd ul li .mr{ width: 440px; font-size: 22px; line-height: 22px; color: #fff; font-family: "PINGFANG REGULAR"; border-bottom: 1px dashed #fff; padding: 0 20px 15px 0;}
.model3 .nr .hd ul li .mr i{ font-size: 14px; color: rgba(255, 255, 255, 0.522); float: right; margin-top: 10px; letter-spacing: 5px;}
.model3 .nr .hd ul li .ho{ transition: all .5s ease-out; height: 0; opacity: 0; transform: translateY(-50%);}
.model3 .nr .hd ul li .ho dt{ font-family: "PINGFANG REGULAR"; font-size: 24px; color: #fff; background: #6d4090; width: 540px; height: 57px; line-height: 57px; padding-left: 19px;}
.model3 .nr .hd ul li .ho dt span{ display: inline-block; vertical-align: middle; width: 246px; height: 1px; background: #fff; margin: 0 20px;}
.model3 .nr .hd ul li .ho dt i{ color: #fff; font-size: 14px;}
.model3 .nr .hd ul li .ho dd{ font-size: 16px; color: #fff; background-color: rgba(255, 255, 255, 0.102); width: 540px; height: 71px; line-height: 71px; padding-left: 19px;}
.model3 .nr .hd ul li.on .ho{ height: auto; opacity: 1; transform: translateY(0); margin-bottom: 5px;}
.model3 .nr .hd ul li.on .mr{ display: none;}
.model3 .nr .bd{ width: 702px; margin-top: 5px; margin-left: -42px;}

/*model4*/

.model4{ background: url(../images/model4bg.png)no-repeat center; padding-top: 120px;font-size: 0; width: 100%; height: 895px; overflow: hidden;}
.model4 .big{ width: 1286px; height: 482px; overflow: hidden; background: #fff; margin: 0 auto;}
.poster-main{ position: relative;margin: 40px auto 0;}
.poster-main a,.poster-main img{ display: block; width: 100%; height: 100%;}
.poster-main img{ width: 100%; height: 100%;}
.poster-main .poster-list{ width: 1200px; height: 372px;}
.poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0;}
.poster-main:after{ content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color: rgba(255, 255, 255, 0.38);}
.poster-main .poster-list .poster-item-titles{background: url(../images/model4icon.png)no-repeat center; width: 55px; height: 71px; line-height: 85px; color: #fff; font-size: 24px; text-align: center; position: absolute; left: 30px; top: -10px;}
.poster-main .poster-list .poster-item-titlex{ margin-top: 20px; position: absolute;width: 1200px; left: 50%; transform: translateX(-50%);text-align: center;}
.poster-main .poster-list .poster-item-titlex em{ display: inline-block; vertical-align: middle; width: 474px; height: 1px; background: #bfbfbf;}
.poster-main .poster-list .poster-item-titlex span{ font-size: 18px; color: #333; display: inline-block; vertical-align: middle; margin: 0 17px;}
.poster-main .poster-btn{ position: absolute; top: 160px; cursor: pointer; width: 71px!important;height: 51px!important;}
.poster-main .poster-prev-btn{ left: 50px; background: url(../images/model4btn1.png) no-repeat;}
.poster-main .poster-next-btn{ right: 50px; background: url(../images/model4btn2.png) no-repeat;}

/*advantage*/

.advantage{ margin-top: 140px; position: relative;padding-bottom: 95px;}
.advantage:before{ content: ""; position: absolute; right: 0; bottom: 0; background: url(../images/ysbg.png)no-repeat; width: 926px; height: 748px;}
.advantage .nr{ position: relative; font-size: 0;height: 584px;}
.advantage .bd ul li .pic{ width: 575px;margin-right: 80px;}
.advantage .bd ul li .pic img{ margin-left: -352px;}
.advantage .bd ul li .text{ margin-top: 225px; width: 545px;height: 357px;position: relative;}
.advantage .bd ul li .text dt{ width: 1000px; line-height: 40px; color: #03234c; font-size: 40px; text-transform: uppercase; font-weight: bold; font-family: arial;}
.advantage .bd ul li .text p{ margin: 40px 0 20px; font-family: "PINGFANG REGULAR"; background: #6d4090; width: 195px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 30px; letter-spacing: 10px;}
.advantage .bd ul li .text b{ margin-bottom: 30px; display: block; font-family: "PINGFANG REGULAR"; line-height: 24px; color: #03234c; font-size: 24px;}
.advantage .bd ul li .text dd{ color: #666; font-size: 14px;line-height: 30px;}
.advantage .hd{ right: 125px; top: 30px; z-index: 2; position: absolute;}
.advantage .hd ul li{ display: inline-block; vertical-align: top; width: 90px; height: 123px; overflow: hidden; color: #333; font-size: 20px; transition: all .5s ease-out; cursor: pointer; padding: 45px 0 0 15px; border: 3px solid #03234c;}
.advantage .hd ul li+li{ margin-left: 20px;}
.advantage .hd ul li.on{ background: #6d4090; border: 3px solid #6d4090; color: #fff;}
.advantage .nr .btnr{ position: absolute; right: 320px; bottom: 15px; z-index: 2;}
.advantage .nr .bd .text .hdon{ position: absolute; left: 74px; bottom: 23px;}
.advantage .nr .btnr>div{ display: inline-block; vertical-align: middle;}
.advantage .nr .btnr .btn{ width: 12px; height: 26px; cursor: pointer;}
.advantage .nr .btnr .prevs{ margin-right: 38px; background: url(../images/ysbtn1.png)no-repeat;}
.advantage .nr .btnr .nexts{ margin-left: 38px; background: url(../images/ysbtn2.png)no-repeat;}
.advantage .nr .btnr .hdon{ width: 116px; opacity: 0; height: 0;}
.advantage .nr .hdon ul li{ display: inline-block; vertical-align: top; transition: all .6s ease-in; width: 6px; height: 6px; border-radius: 100%; background: #b5b5b5;}
.advantage .nr .hdon li+li{ margin-left: 17px;}
.advantage .nr .hdon ul li.on{ width: 47px; height: 6px; background-color: rgb(145, 85, 168); border-radius: 3px;}

/*case*/

.case{ background: url(../images/casebg.png)no-repeat center; position: relative; width: 100%; height: 784px; overflow: hidden; padding-top: 90px;}
.case .nr{ position: relative; font-size: 0; height: 383px; overflow: hidden;}
.case .nr .bd ul li>div{ position: relative; height: 383px; overflow: hidden;}
.case .nr .bd ul li .pic{ width: 588px;z-index: 1;}
.case .nr .bd ul li .pic img{ width: 100%; transition: all .5s;}
.case .nr .bd ul li .pic:hover img{ transform: scale(1.1);}
.case .nr .bd ul li .text{ width: 612px; padding-left: 65px;}
.case .nr .bd ul li .text dt{ font-weight: bold; font-size: 48px; color: #fff; line-height: 48px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.case .nr .bd ul li .text p{ color: #fff;font-size: 18px; line-height: 18px; margin: 25px 0 45px;}
.case .nr .bd ul li .text dd{ color: rgba(255, 255, 255, 0.8); font-size: 14px; line-height: 26px;}
.case .nr .bd ul li .text .more{ margin-top: 35px; display: block; width: 125px; height: 29px; line-height: 29px; border: 1px solid rgb(255, 255, 255); text-align: center; border-radius: 15px; font-size: 14px; color: #fff; text-transform: uppercase;}
.case .nr .bd ul li .text .more:hover{ text-decoration: underline;}
.case .nr .bd ul li .text .px{ position: absolute; right: 0; top: 0; font-size: 26px; line-height: 26px;}
.case .nr .bd ul li .text .px i{ position: relative; display: inline-block; vertical-align: top; color: #fff; font-weight: bold; margin-right: 5px;}
.case .nr .bd ul li .text .px i:before{ content: ""; left: 8px; top: 5px; position: absolute; background: url(../images/casehr.png)no-repeat center; width: 38px; height: 38px;}
.case .nr .bd ul li .text .px b{ font-weight: bold; display: inline-block; vertical-align: top; color: rgba(255, 255, 255, 0.302); margin-top: 28px;}
.case .nr .btnr{ position: absolute; right: 0; bottom: 0;z-index: 6;}
.case .nr .btnr .btn{ position: relative; background-color: rgb(109, 64, 144); display: inline-block; vertical-align: middle; width: 62px; height: 67px; font-size: 27px; line-height: 67px; text-align: center; color: #fff; cursor: pointer;}
.case .nr .btnr:before{ content: ""; display: inline-block; vertical-align: middle; width: 455px; height: 1px; background-color: rgba(255, 255, 255, 0.161); margin-right: 35px;}
.case .nr .prevs:after{ content: ""; background-color: rgb(255, 255, 255); opacity: 0.302; width: 1px; height: 16px; position: absolute; right: 0; top: 27px;}

/*honor*/

.honor{ width: 1355px; font-size: 0; margin: 0 auto;}
.honor>div{ display: inline-block; vertical-align: middle;}
.honor .btn{ width: 40px; height: 40px; cursor: pointer;}
.honor .prev{ background: url(../images/honorbtn1.png)no-repeat;margin-right: 37px;}
.honor .next{ background: url(../images/honorbtn2.png)no-repeat;margin-left: 37px;}
.honor .bd{ height: 415px; overflow: hidden;}
.honor .bd ul li{ display: inline-block; vertical-align: middle; width: 281px; margin-right: 30px;}
.honor .bd ul li .pic{ width: 281px; height: 384px; overflow: hidden;}
.honor .bd ul li .mc{ color: #333; font-size: 16px; line-height: 16px; margin-top: 15px; text-transform: uppercase; text-align: center;}
.honor .bd ul li:hover .mc{ color: #6d4090;}

/*process*/

.process{ margin-top: 130px; padding-top: 65px; background: url(../images/model5bg.png)no-repeat center; width: 100%; height: 481px; overflow: hidden;}
.process .big{ background: #fff; width: 1286px; margin: 0 auto; height: 164px; overflow: hidden; padding-top: 34px;}
.process .big .nr li{ float: left; padding-left: 18px; position: relative;}
.process .big .nr li+li{ margin-left: 104px;}
.process .big .nr li:before{ content: ""; position: absolute; left: 0; top: 0; display: inline-block; vertical-align: top; background: url(../images/model5hr.png)no-repeat; width: 3px; height: 96px;}
.process .big .nr li dt{ padding-top: 10px; color: #333; font-size: 14px; line-height: 14px;}
.process .big .nr li dd{ position: relative; height: 55px; line-height: 55px; display: inline-block; vertical-align: top;}
.process .big .nr li dd:before{ content: ''; width: 15px; height: 15px; border-radius: 50%; background-color: rgba(144, 94, 163, 0.549); position: absolute; top: 12px; right: -4px; -webkit-animation: boths 3s infinite; animation: boths 3s infinite;}
.process .big .nr li:nth-child(2) dd:before{ top: 14px; right: -6px;}
.process .big .nr li:nth-child(3) dd:before{ top: 14px; right: -3px;}
.process .big .nr li:nth-child(5) dd:before{ top: 14px; right: -2px;}
.process .big .nr li:nth-child(6) dd:before{ top: 12px; right: 1px;}
.process .big .nr li dd img{ vertical-align: middle;}
.process .big .nr li p{ color: #333; font-size: 16px; line-height: 16px;}
.process .big .nr li:hover dd:before{ -webkit-animation: bothss 3s infinite; animation: bothss 3s infinite;}
.process .big .nr li:hover dd{ -webkit-animation: jump 2s infinite; animation: jump 2s infinite;}

/*new*/

.news{ padding-top: 120px; background: url(../images/newbg.png)no-repeat center; width: 100%; height: 727px; font-size: 0; overflow: hidden;}
.news .hd{ padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; overflow: hidden;margin-bottom: 45px;}
.news .hd .left{ background: url(../images/newbt.png)no-repeat; height: 27px; width: 391px;}
.news .hd .right ul li{ display: inline-block; vertical-align: top; color: #666; font-size: 16px; cursor: pointer; width: 126px; height: 31px; line-height: 31px; text-align: center; background: #fff;}
.news .hd .right ul li+li{ margin-left: 25px;}
.news .hd .right ul li.on{ background: #142745; color: #fff;}
.news .bd{ height: 393px; overflow: hidden;}
.news .bd ul li>div{ display: inline-block; vertical-align: top;}
.news .bd ul li .tjnew{ width: 349px;margin-right: 40px;}
.news .bd ul li .tjnew .pic{ width: 349px; height: 226px; overflow: hidden;}
.news .bd ul li .tjnew .pic img{ width: 100%;transition: all .4s ease;}
.news .bd ul li .tjnew .pic:hover img{ transform: scale(1.1);}
.news .bd ul li .tjnew .text{ background: #fff; height: 167px; overflow: hidden; padding: 25px 18px 0;}
.news .bd ul li .tjnew .text dt{ line-height: 16px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.news .bd ul li .tjnew .text dt a{ display: block; color: #666; font-size: 16px;}
.news .bd ul li .tjnew .text p{ color: #999; font-size: 14px; margin: 10px 0 15px;}
.news .bd ul li .tjnew .text .more{ color: #999; font-size: 14px; display: block; border-radius: 3px; width: 75px; height: 23px; text-align: center; line-height: 20px; border: 1px solid #999;}
.news .bd ul li .tjnew .text:hover dt a{ color: #6d4090;}
.news .bd ul li .tjnew .text:hover p{ text-decoration: underline;}
.news .bd ul li .tjnew .text:hover .more{ color: #6d4090; text-decoration: underline;}
.news .bd ul li .newlist{ width: 806px; height: 393px; overflow: hidden;}
.news .bd ul li .newlist dl{ display: inline-block; vertical-align: top; width: 385px; height: 393px; overflow: hidden; background: #fff; padding: 5px 20px 0;}
.news .bd ul li .newlist dl dd{ padding: 20px 0; border-bottom: 1px dashed #e5e5e5;}
.news .bd ul li .newlist dl dd a{ color: #666; font-size: 16px;}
.news .bd ul li .newlist dl dd span{ background: url(../images/newicon1.png)no-repeat; width: 8px; height: 9px; float: right; margin-top: 10px;}
.news .bd ul li .newlist dl dd:hover span{ background: url(../images/newicon2.png)no-repeat;}
.news .bd ul li .newlist dl dd:hover i{ color: #6d4090;}
.news .bd ul li .newlist dl:first-child+dl{ margin-left: 36px;}

/*foot*/

.foot{ font-size: 0; background: #112a44; position: relative; width: 100%; height: 358px; border-bottom: 1px solid #fff; overflow: hidden;}
.foot:before{ content: ""; position: absolute; left: 0; bottom: 56px;z-index: 2; background-color: rgba(255, 255, 255, 0.169); width: 100%; height: 1px;}
.foot .content .left .top{ height: 300px; color: #fff;padding-top: 50px;}
.foot .content .left dl{ display: inline-block; vertical-align: top; width: 300px;}
.foot .content .left dl dt{ font-size: 18px; line-height: 18px; position: relative; margin-bottom: 25px;}
.foot .content .left dl dt:after{ content: ""; display: block; margin-top: 15px; background-color: rgba(225, 110, 0, 0.102); width: 150px; height: 1px;}
.foot .content .left dl dt:before{ content: ""; position: absolute; left: 0; top: 17px; z-index: 1; display: block; margin-top: 15px; background-color: rgb(144, 94, 163); width: 20px; height: 1px;}
.foot .content .left dl dd{ margin-bottom: 20px; cursor: pointer; font-size: 14px; line-height: 14px;}
.foot .content .left dl dd:hover,.foot .content .left .bottom a:hover{color: #fff; text-decoration: underline;}
.foot .content .left .bottom{ height: 56px; line-height: 56px; font-size: 14px; color: rgba(255, 255, 255, 0.5);}
.foot .content .left .bottom a{ color: rgba(255, 255, 255, 0.5);}
.foot .content .right{ position: relative; width: 289px; height: 355px; background-color: rgb(109, 64, 144); color: #fff; padding: 50px 0 0 60px;}
.foot .content .right dt{ font-size: 16px; line-height: 16px;}
.foot .content .right p{ margin: 10px 0 15px; font-size: 26px; line-height: 26px;}
.foot .content .right .wechat span{ display: block; position: relative; width: 110px; height: 110px; overflow: hidden;}
.foot .content .right .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.foot .content .right .wechat i{ display: block; color: rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 14px; margin-top: 15px;}
.foot .content .right .xl{ margin-top: 50px; border: 1px solid rgba(255, 255, 255, 0.6); width: 110px; height: 28px; padding: 0 15px;}
.foot .content .right .selectlist{ display: block; line-height: 28px; width: 78px; border: none; text-overflow: ellipsis; white-space: nowrap; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; overflow: hidden; background: url(../images/links.png)no-repeat right center; font-size: 14px; color: rgba(255, 255, 255, 0.6);}
.foot .content .right .selectlist option{ color: #333;}